<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <div class="content">
      <div class="header">
        <p>全国服务热线 : 400-000-0000</p>
        <div class="text">
          <span>设为首页</span>
          <span>加入收藏</span>
        </div>
      </div>

      <div class="nav">
        <div class="logo">
          <img src="./image/logo.png" />
          <div class="nav_info">
            <p class="company_name">TK 科技有限公司</p>
            <p>cer dcd keo Holdings Co.,Ltd</p>
          </div>
        </div>
        <ul class="nav_main">
          <li>
            <p class="Chinese name">首页</p>
            <p class="English name">Home</p>
          </li>
          <li>
            <p class="Chinese name">关于我们</p>
            <p class="English name">About</p>
          </li>
          <li>
            <p class="Chinese name">产品中心</p>
            <p class="English name">Products</p>
          </li>
          <li>
            <p class="Chinese name">服务支持</p>
            <p class="English name">Service</p>
          </li>
          <li>
            <p class="Chinese name">新闻中心</p>
            <p class="English name">News</p>
          </li>
          <li>
            <p class="Chinese name">在线商店</p>
            <p class="English name">Shop</p>
          </li>
          <li>
            <p class="Chinese name">联系我们</p>
            <p class="English name">Contact Us</p>
          </li>
        </ul>
      </div>

      <div class="swiper">
        <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>

      <div class="main">
        <div class="banner">
          <ul class="banner_item">
            <li class="news_center">
              <div class="news_center_header">
                <div class="banner_cpn">
                  <img src="./image/news_center.png" />
                  <p class="chinese_news_center">新闻中心</p>
                  <div class="english_news_center">
                    NEWS.CENTER
                    <div class="line"></div>
                  </div>
                </div>
              </div>
              <div class="news_center_info">
                <p class="cebit">Ce BIT 2015</p>
                <div class="summary">
                  <img src="./image/新闻中心.png" />
                  <div class="text">
                    <p>创新ICT共建全连接</p>
                    <p>世界德国汉诺威展览</p>
                    <p>中心</p>
                    <p>3月16日 - 20日</p>
                  </div>
                </div>
              </div>
              <div class="line"></div>
            </li>
            <li class="new_products">
              <div class="new_products_header">
                <div class="banner_cpn">
                  <img src="image/new_products.png" />
                  <p class="chinese_news_center">新品发布</p>
                  <div class="english_news_center">
                    NEW.PRODUCTS
                    <div class="line"></div>
                  </div>
                </div>
              </div>
              <div class="new_products_info"></div>
            </li>
            <li class="information">
              <div class="information_header">
                <div class="banner_cpn">
                  <img src="./image/information.png" />
                  <p class="chinese_news_center">品牌介绍</p>
                  <div class="english_news_center">
                    INFORMATION
                    <div class="line"></div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div class="info">
        <div class="box"></div>
      </div>

      <footer></footer>
    </div>
  </body>
</html>
